/**
 * DOM定位
 * datatables默认会打开部分特性，比如搜索框，分页显示等等，
 * 或许你不喜欢datatables这样去布局，
 * 可能你想把分页按钮放在底部的中间，搜索框放在顶部的左上角，
 * 不用担心datatables考虑到这个问题，使用dom选项就可以灵活配置各个特性的位置
 *
 * datatables定义了10个字符表示不同的组件
 *
 * l - Length changing 每页显示多少条数据选项
 * f - Filtering input 搜索框
 * t - The Table 表格
 * i - Information 表格信息
 * p - Pagination 分页按钮
 * r - pRocessing 加载等待显示信息
 * < and > - div elements 一个div元素
 * <"#id" and > - div with an id 指定id的div元素
 * <"class" and > - div with a class 指定样式名的div元素
 * <"#id.class" and > - div with an id and class 指定id和样式的div元素
 */

$(document).ready(function () {
    $('#example').DataTable({
        "dom": '<"top"i>rt<"bottom"flp><"clear">'
    });
});

/**
 * dom参数
 * <"top"i> --- 顶层信息 i: 表格信息
 * rt --- 表格  r: 加载等待显示信息  t: 表格
 * <"bottom"flp> --- 底部信息 f: 搜索框 l: 分页信息 p: 分页按钮
 * <"clear"> --- 清除浮动
 */